﻿
@{
    Layout = null;
}

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>重庆工程学院教师教系统</title>
    <link rel="icon" href="/cas/favicon.ico" type="image/x-icon">
    @* <link href="plugin/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css" rel="stylesheet"> *@
    <link rel="stylesheet" type="text/css" href="~/Content/css/psstye.css">
    <link rel="stylesheet" type="text/css" href="~/Content/css/rest.css">
    <link rel="stylesheet" type="text/css" href="~/Content/css/aaa.css">

    <script src="./js/crypto-js/crypto-js.js" type="text/javascript"></script>
    <script type="text/javascript" src="~/Content/js/jQuery-2.1.4.min.js"></script>
    <script type="text/javascript" src="~/Content/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="~/Content/js/velocity.min.js"></script>
    <script type="text/javascript" src="~/Content/js/velocity.ui.js"></script>
    <script type="text/javascript" src="~/Content/js/login.js"></script>
    <script type="text/javascript" src="~/Content/js/Base64.js"></script>
    @* <script type="text/javascript" src="./plugin/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> *@


    <script type="text/javascript">

              var mo=function(e){e.preventDefault();};

              function stop(){
                  document.body.style.overflow='hidden';
                  document.addEventListener("touchmove",mo,false);//禁止页面滑动
              }
               var mobile_flag = isMobile(); // false为PC端，true为手机端
               function isMobile() {

                      var userAgentInfo = navigator.userAgent;

                      var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];

                      var mobile_flag = false;

                      //根据userAgent判断是否是手机
                      for (var v = 0; v < mobileAgents.length; v++) {
                          if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
                              mobile_flag = true;
                              break;
                          }
                      }

                       var screen_width = window.screen.width;
                       var screen_height = window.screen.height;

                       //根据屏幕分辨率判断是否是手机
                       if(screen_width < 500 && screen_height < 800){
                           mobile_flag = true;
                       }

                       return mobile_flag;
              }
               function onfocusl(pwd) {
                  //如果是手机端 则直接设置为密码框，电脑端需要等用户输入一个字符后再改为密码框（防止浏览器渲染）

                   if(pwd.type=='text'){

                          pwd.type='password';
                   }
              }
               function oninputl(pwd) {
                   if(!isMobile()){
                       if(pwd.value==''){
                          pwd.type='text';
                      }else{
                          pwd.type='password';
                      }
                   }
              }
              var _reset = function(){

                  $("#username").val("");
                  $("#password").val("");
                  $("#authCode").val("");
              }

              var _systemLogin = function() {

                  $("#password0").remove();
                  $("#password00").remove();
                  $("#username0").remove();

                  if ($("#username").val() == null || $("#username").val() == "") {

                      $("#err").empty();
                      $("#err").html("用户名不能为空");

                      $(".userna").velocity("stop", true);
                      $(".userna").velocity("callout.shake", { duration: 400 });
                      return;
                  }

                  if ($("#password").val() == null || $("#password").val() == "") {

                      $("#err").empty();
                      $("#err").html("密码不能为空");

                      $(".passss").velocity("stop", true);
                      $(".passss").velocity("callout.shake", { duration: 400 });
                      return;
                  }

                  /*if ($("#authCode").val() == null || $("#authCode").val() == "") {

                      $("#err").empty();
                      $("#err").append("验证码不能为空");
                      $(".authCode").velocity("stop", true);
                      $(".authCode").velocity("callout.shake", { duration: 400 });
                      return;
                  }*/

                  var userName = $('#username').val();
                  var password = $('#password').val();

                  // ajax:
                  $('#loginForm').submit();
              }
    </script>
    <style type="text/css">

  .carouselandlogin{
      overflow: hidden;
  }
  .loginbox{
      height: 450px;
      top: 0;
      background-color: #fff;
      z-index: 100;
      right: 0;
      width: 24%;
  }
  .innerboxdiv{
      background: #fff;
      top: 50%;
      transform: translateY(-50%);
      min-width: 220px;
      width: 70%;
      position: relative;
      z-index: 10;
  }
  .triangle{
      width: 300px;
      height: 300px;
      background-color: #fff;
      position: absolute;
      top: 53px;
      left: -156px;
      z-index: 0;
      transform: rotate(45deg) skew(25deg, 25deg);
  }

  .h3title{
      color: #e21210;
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 40px;
  }
  .addlabel{
      color: #a3a3a3;
  }
  .forgerpasswoord{
      color: #e21210;
      text-align: right;
      margin-bottom: 30px;
      display: flex;
      justify-content: space-between;
  }
  .btngroupp{
      text-align: center;
  }
  a.btn.btn-default.blue{
      width: 100px;
      padding:7px 15px;
  }
  .divvessel{
      margin-bottom: 20px;
  }
  .baseinput{
      margin-bottom: 3px;
      outline: none;
      background-color: transparent;
      box-shadow: inset 0 0 0 1000px #fff!important;
  }
  .inputtxt{
      width: 60%;
  }
  .div-line{
      border-bottom: 1px solid #e21210;
  }
        .zhanghao {
            background: url(~/Content/img/zhanghao.png) no-repeat right center;
            background-size: 16px 16px;
        }
        .mima {
            background: url(~/Content/img/mima.png) no-repeat right center;
            background-size: 16px 16px;
        }
  .mottoimg{
      width: 363px;
      margin-top:0;
  }
 

  .remember-password{
      display: flex;
      align-items: center;
  }
  .check {
      display: inline-block;
      /* width: 14px; */
      height: 14px;
      margin-right: 5px;
      vertical-align: -7%;
  }
  .checked{
      background: url(/cas/images/gc/check.png) no-repeat center center;
      background-size: 10px auto;
  }
    </style>
</head>

<body>
    <div class="logoheader">
        <span> <img src="~/Content/img/logo.png" class="logoimgg"><span class="lefspantxt"></span> </span>
        <img src="~/Content/img/top_kh.png" class="mottoimg">
    </div>
    <div class="carouselandlogin">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="~/Content/img/banner1.png" alt="...">
                </div>
            </div>
        </div>
        <form id="loginForm" class="login" action="/Login/Login" method="post">
            <div class="loginbox">
                <div class="innerboxdiv">
                    <h3 class="h3title">欢迎使用教师综合评教系统</h3>
                    <div class="innerinputvessel">
                        <div class="divvessel div-line zhanghao">
                            <label class="addlabel">账 &nbsp;&nbsp;号:</label>
                            <input id="username0" name="username" style="display:none;width:0;height:0;">
                            <input id="username" name="username" class="baseinput inputtxt userna" tabindex="1" onkeydown="javascript: if (event.keyCode==13) _systemLogin();" accesskey="n" type="text" value="" size="25" autocomplete="off">
                        </div>
                        <div class="divvessel div-line mima">
                            <label class="addlabel">密&nbsp;&nbsp; 码:</label>
                            <input style="display:none;width:0;height:0;">
                            <input id="password0" name="password" type="password" style="display:none;width:0;height:0; ">
                            <input style="display:none;width:0;height:0;">
                            <input id="password00" name="password" type="password" style="display:none;width:0;height:0; ">
                            <input style="display:none;width:0;height:0;">
                            <!--<input name="" id="password" placeholder="密码" class="baseinput inputtxt passss" onfocus="onfocusl(this)" tabindex="2" oninput="oninputl(this)" /> -->
                            <input id="password" name="password" class="baseinput inputtxt passss" tabindex="2" onkeydown="javascript: if (event.keyCode==13) _systemLogin();" oninput="oninputl(this)" onfocus="onfocusl(this)" type="text" value="" size="25" autocomplete="off">
                        </div>
                        <div class="checkbox row" style="display:none;" id="ts1">
                            <div class="col-md-12">
                                <div id="tipMsg">
                                    <h6>
                                    </h6>
                                </div>
                            </div>
                        </div>

                        <div class="checkbox row" style="display:none;" id="ts2">
                            <div class="col-md-12">
                                <div id="tipMsg">
                                    <h6>
                                    </h6>
                                </div>
                            </div>
                        </div>
                        <div class="forgerpasswoord">
                            <div class="remember-password">
                                <input type="checkbox" name="jzmm" id="jzmm">
                                <label class="check" for="jzmm" id="jzmmlabel" style="font-size: 16px;"></label>
                                记住密码
                               
                            </div>
                            <a href="" class="leftsiana" style="color:#e21210;font-size: 16px;text-decoration: line-through;"><img src="~/Content/img/lock.png" class="lockimg"></a>
                        </div>
                        <div class="btngroupp">
                            <!--<button class="btn btn-default blue" onclick="_systemLogin();">登录</button>--> <a href="javascript:_systemLogin()" class="btn btn-default blue" style="background-color: #e21210;text-decoration: line-through;border-radius: 13px;">登录</a>
                            <!--<button class="btn btn-default gray">重置</button>-->
                        </div>
                        <p class="erro" id="err">@ViewBag.error</p>
                        
                    </div>
                </div>
                <div class="triangle"></div>
            </div>

            <input type="hidden" name="lt" value="abcd1234">
            <input type="hidden" name="execution" value="e2s1">
            <input type="hidden" name="_eventId" value="submit">
            <input type="hidden" name="isQrSubmit" value="false" id="isQrSubmit">
            <input type="hidden" name="qrValue" value="" id="qrValue">
            <input type="hidden" name="isMobileLogin" value="false" id="isMobileLogin">
        </form>
    </div>
    <div style="width:100%;text-align:crnter">
        <div style="float: left;width:  100%;">
            <div style="width:100%;float:left;text-align:  center;">
                <div class="navlifooter">
                    <p style="font-size: 16px;color:#333">Copyright 重庆工程学院 版权所有&nbsp 渝ICP备09014106&nbsp;&nbsp;&nbsp;&nbsp;招生热线：023-62846626&nbsp;&nbsp;023-62846636&nbsp;&nbsp;&nbsp;&nbsp;校长信箱：cgxzxx@cqie.edu.cn</p>
                </div>
            </div>
           
        </div>
    </div>
</body>
</html>
